const state = {
	sidebar: {
		opened: localStorage.getItem('sidebarStatus') == 'true'
	},
	device: 'desktop',
	size: 'medium'
}

const mutations = {
	TOGGLE_SIDEBAR: state => {
		state.sidebar.opened = !state.sidebar.opened;
		localStorage.setItem('sidebarStatus', state.sidebar.opened);
	},
	TOGGLE_DEVICE: (state, device) => {
		state.device = device
	},
	SET_SIZE: (state, size) => {
		state.size = size

	}
}

const actions = {
	toggleSideBar({ commit }) {
		commit('TOGGLE_SIDEBAR')
	},
	toggleDevice({ commit }, device) {
		commit('TOGGLE_DEVICE', device)
	},
	setSize({ commit }, size) {
		commit('SET_SIZE', size)
	}
}

export default {
	namespaced: true,
	state,
	mutations,
	actions
}
